<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: cwh
 * @LastEditTime: 2022-01-10 22:13:47
-->
<template>
  <div ref="bottom4_container" style="height:95%"></div>
</template>
 <script>
import { Liquid } from '@antv/g2plot';
 export default {
   data() {
     return{
     }
   },
   mounted(){ 
     this.initChart()
   },
     methods:{
    initChart(){
      const liquidPlot = new Liquid(this.$refs.bottom4_container, {
            percent: 0.5,
            shape: 'diamond',
          outline: {
          border: 4,
          distance: 8,
        },
           wave: {
          length: 128,
        },
      });

liquidPlot.render();

    }
  }
 }
 </script>